import React, { useState } from 'react';
import './index.css';
import { LeftOutlined } from '@ant-design/icons';
import { history } from 'umi';

import Head from '../head/head';
export default function Category() {
  // 选择下标内容
  const [currentindex, setcurrentindex] = useState(0);

  return (
    <div id="app">
      {/* 头部导航栏 */}
      <div className="top-wrapper">
        <div className="top-box1">
          <LeftOutlined onClick={() => history.go(-1)} />
          &nbsp;分类
        </div>
        <div className="top-box2">购物车</div>
      </div>
      {/* 内容 */}
      <div className="center">
        {/* 侧边栏 */}
        <div className="center-left">
          <div className="left1">
            <div className="link"></div>
            <div className="linkname">家具饰品</div>
          </div>
          <div className="left2">家具饰品</div>
          <div className="left2">家具饰品</div>
          <div className="left2">家具饰品</div>
          <div className="left2">家具饰品</div>
        </div>
        {/* 内容 */}
        <div className="canter-right">
          <div className="right-content">
            {/* 标题 */}
            <div className="content-top">
              <div className="contenttop1"></div>
              <div className="contenttop2">厨房用品</div>
            </div>
            {/* 标签对应内容 */}
            <div className="content-content">
              <div className="contentimg"></div>
              <div className="contenttitle">
                <div className="zi">200币</div>
                <div className="btnadd">＋</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
